<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/index-pad.css" media="(min-width: 767px) and (max-width: 1200px)"/>
    <link rel="stylesheet" href="css/index-mobile.css"  media="screen and (max-width:767px"/>
    <script src="js/jquery.min.js"></script>
</head>
<body>
    <header class="header">
        <div class="nav">
            <a href="#" class="logo"></a>
            <a href="#" class="test" id="test">
                <i class="fa fa-bars"></i>
            </a>
            <ul id="ul">
                <li><a href="index.html">服务</a></li>
                <li><a href="anli.html">案例</a></li>
                <li><a href="关于.html">关于</a></li>
                <li><a href="联系.html">联系</a></li>
            </ul>
        </div>
    </header>
    <section class="section">
        <div class="content1">
            <div class="content1_1">
                <ul class="lunbo1"> 
                    <li><img src="imgs/20150607220019083.png" alt=""></li>
                    <li><img src="imgs/20150607215958555.png" alt=""></li>
                    <li ><img src="imgs/20150607220019083.png" alt=""></li>
                </ul>
                <div class="arrows">
                    <span class="left" id="left"></span>
                    <span class="right" id="right"></span>
                </div>
            </div>
        </div>
        <div class="content2">
            <div class="cnt2">
                <div class="content2_1">
                    <h1>专业的服务 触动人心的设计</h1>
                    <h3>我们不仅提供触动人心的设计与专业的技术支持，还可能帮助您的企业创造出更多商机</h3>
                    <div class="line"></div>
                </div>
                <div class="content2_2">
                    <ul>
                        <li class="first">
                            <a href="#" class="ico1 center icon"></a>
                            <h3>
                                <a href="#">响应式网站制作<i></i></a>
                            </h3>
                            <p>手机、平板、PC设备，跨平台（ios/Android/windows）显示网页。自动识别屏幕宽度、自动调整布局。同一个网页自动适应不同设备。</p>
                        </li>
                        <li>
                            <a href="#" class="ico2 center icon"></a>
                            <h3>
                                <a href="#">微媒体移动互联<i></i></a>
                            </h3>
                            <p>一个新成长起来的传播媒介-微媒体，使命是移动社交圈传播信息，其价值在于影响力。创造的内容简单易读，互动性远超图文推送方式。让您时刻走在信息传播的前沿。</p>
                        </li>
                        <li>
                            <a href="#" class="ico3 center icon"></a>
                            <h3>
                                <a href="#">电商设计运营<i></i></a>
                            </h3>
                            <p>官方商城网站视觉设计，官方商城页面设计策划，电子商务网站界面设计，淘宝、天猫、京东商城店铺设计，商品详情包装设计，微博开放平台业务开发。</p>
                        </li>
                        <li>
                            <a href="#" class="ico4 center icon"></a>
                            <h3>
                                <a href="#">网站推广营销 <i></i></a>
                            </h3>
                            <p>SEO 优化推广，百度竞价推广，微信营销推广，专题页面推广，网站结构优化，维护外包，优化关键词排名。让您的网站在搜索排名中脱颖而出。</p>
                        </li>
                    </ul>
                </div>
            </div>
            
        </div>
        <div class="content3">
            <div class="cnt3">
                <div class="content3_1">
                    <h1>为您提供出色的解决方案</h1>
                    <h4>我们根据客户需求有针对性地定制高端网站建设，用设计的方法推动产品价值，突出的创意表现来为客户提供出色的解决方案。</h4>
                    <div class="line"></div>
                </div>
                <div class="content3_2">
                    <ul>
                        <li class="li1"><img src="imgs/12.jpg" alt=""></li>
                        <li class="li2"><img src="imgs/15.jpg" alt=""></li>
                        <li class="li3"><img src="imgs/18.jpg" alt=""></li>
                        <li class="li4"><img src="imgs/23.jpg" alt=""></li>
                    </ul>
                </div>
                <div class="content3_3">
                    <a href="#">了解更多</a>
                </div>
            </div>
        </div>
        <div class="content4">
            <div class="cnt4">
                <div class="content4_1">
                    <h1>关于我们</h1>
                    <h3>以成熟的技术、创新的理念、不断开拓进取的精神服务于各行业客户</h3>
                </div>
                <div class="content4_2">
                    <div class="content4_left">
                        <img src="imgs/light.png" alt="">
                    </div>
                    <div class="content4_right">
                        <div class="index-about">
                            <ul>
                                <li>良品网络专注于高品质网站视觉设计以及程序开发，汇聚网络精英与行业优秀设计师。以成熟的技术、创新的理念、不断开拓进取的精神服务于各行业客户。</li>
                                <li>得益与团队的优质素养和良好合作，我们的产品根据客户需求有针对性地定制高端网站建设，用设计的方法推动产品价值，突出的创意表现来为客户提供出色的解决方案。</li>
                                <li>我们优秀的网站设计理念、卓有成效的网络营销推广方式以及丰富的网站开发经验不仅能提供触动人心的设计与专业的技术支持，还可能帮助您的企业创造出更多商机。</li>
                                <li>我们坚信"设计提升品质"的理念,始终从市场的角度和客户的需求出发，融合视觉美学及有效策略，提升企业与产品的内在品质，为品牌创造独到的形象，拓展市场竞争空间与竞争优势。</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content5">
            <div class="cnt5">
                <div class="content5_1">
                    <h1>联系我们</h1>
                </div>
                <div class="content5_2">
                    <div>
                        <i class="fa fa-phone fa-fw"></i>
                        <span >电话：0359-4022212</span>
                    </div>
                    <div>
                        <i class="fa fa-envelope fa-fw"></i>
                        <span>邮箱：lpwl@lpwl.net</span>
                    </div>
                    <div>
                        <i class="fa fa-qq fa-fw"></i>
                        <span> Q Q：84197363</span>
                    </div>
                    <p>
                        <i class="fa fa-map-marker fa-fw"></i>
                        <span>地址：运城市临猗县名吃一条街30号</span>
                    </p>
                </div>
                <div class="content5_3">
                    <div class="content5_one">
                        <i class="fa fa-square fa-stack-2x" style="font-size: 35px;width: 40px;"></i>
                        <i class="fa fa-weixin fa-stack-1x fa-inverse" style="line-height:35px"></i>
                        <div class="tooltip">
                            <img src="imgs/weixin.jpg" alt="">
                            <p>Scan the QR Code or search 'yclpwl' in Wechat.</p>
                        </div>
                    </div>
                    <div class="content5_two">
                        <i class="fa fa-square fa-stack-2x" style="font-size: 35px;"></i>
                        <i class="fa fa-weibo fa-stack-1x fa-inverse" style="line-height:35px"></i>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="footer">
            <div class="footer_1">
                <ul>
                    <li>服务项目</li>
                    <li>新闻资讯</li>
                    <li>关于我们</li>
                    <li>联系我们</li>
                    <li>建站平台</li>
                </ul>
            </div>
            <div class="footer_2">
                © 2017 
                <b>运城市良品网络科技有限公司</b>
                All rights reserved.  　
                <b>晋ICP备15003872号</b>
                <span><img src="imgs/pic1.gif" alt=""></span>
            </div>
            <p> 地址：运城市临猗县名吃一条街30号  电话：0359-4022212 </p>
        </div>
    </footer>
    <div class="backTop" id="backTop">
        <span href="#"><i class="fa fa-angle-up"></i></span>
    </div>
    <script src="js/index.js"></script>
    <script src="js/轮播.js"></script>
</body>
</html>